@charset "utf-8";
/* CSS Document */

.contain{ margin: 0 auto; height: 100%; text-align:center;}
@media screen and (max-width: 768px){
	.contain{ width:100%;}
}
@media screen and (min-width: 769px){
	.contain{ width: 80%;}
}
.contain form ul{text-align:left;}
.contain form ul li{ padding-left:6px; height:50px; line-height:50px; font-family:simsun; font-size:2.0rem; border-top: 2px solid #e5e5e5;}
.contain form ul li span{ display:inline-block; width:100px;}
.contain form ul li input[type="text"]{width:50%; border:1px solid #aaaaaa; border-radius:6px; height:30px; margin-left:4px; outline:none;}
.contain form ul li select{width:52%; border:1px solid #aaaaaa; border-radius:6px; height:32px; margin:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url("../images/arrow.png") no-repeat scroll right center transparent; padding-right:14px;}
.contain form ul li p{ margin-left:10px; display:inline-block;}
.contain form ul li p input[type="radio"]{ border:4px solid #c9c9c9; background-color:#d8642b;}
.contain form ul li p input[type="radio"]:checked{ background-color:#d8642b;}

.footer{ margin-top:21%;}
.btn{ width:120px; height: 30px; outline: none; border: none; background-color: #00c36e; border-radius: 10px; color:#FFF; font-size: 2.0rem;}

.con{width:100%;overflow:hidden;}
.con .itemleft{width:50%;overflow: hidden;float:left;}
.con .itemright{width:50%;overflow: hidden;float:left;}
.con .itemleft img{width:96%;margin:2% 1% 0 2%;display:block;border-radius:3px;}
.con .itemright img{width:96%;margin:2% 2% 0 1%;display:block;border-radius:3px;}
.item{position: relative;overflow: hidden;}
